/* CSS Document */
@import url('design.css');
body,html{
  
  font-size:12px;
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,verdana,sans-serif;
  background-image:url('../images/page_bg.gif');
  padding:0px;
  margin:0px;
}

#pagewrapper{
  width:1000px;
  
  margin:0px auto;
  background:#ffffff;
  overflow:auto;
  
}
#header{
  background:url(../images/ci_logo.jpg) no-repeat top left;
  height:110px;
}
#topmenu{
 background-color:#EEEEEE;
 border-top:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 clear:left;padding-top:5px;padding-bottom:3px;
}
div.blockContents{   
  background-color:#EEEEEE;
  -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
border:1px solid #CCCCCC;

-webkit-border-top-right-radius: 10px;
  -khtml-border-radius-topright: 10px; 
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -khtml-border-radius-topleft: 10px; 
  -moz-border-radius-topleft: 10px;
  padding-bottom:20px;
}
.blockContents h2{
  background:url(../images/gradient_large.gif) repeat-x top left;
  padding:5px;
  color:#ffffff;
  
  margin:0px;
  font-size:1.2em;
}
/* Left Menu */
#leftmenu{
  
}
#leftmenu ul{
  list-style:none;
  padding:0px;
  margin:0px;
}
#leftmenu ul li{

}
#leftmenu li a{
    background:#EEEEEE;
 color:#B0B4B7;
 font-size:1.2em;
 padding:6px 12px 8px 12px;
 border:none; 
 -moz-box-shadow: -1px -1px 5px rgba(0,0,0,.25) inset, 1px 1px 5px white inset;
 display:block;
 text-decoration:none;  
}
#leftmenu li a:hover{
   -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.25) inset, -1px -1px 5px white inset;
 padding:7px 11px 7px 13px;
}
.pagefooter, #pagenavigation{
  background-color:#EEEEEE;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  height:24px;  
}
#pagecontent{
  clear:both;  
  padding:10px;
  min-height:450px;
}

#pagecontent #leftblock{
    width:230px;
    float:left;
    
    height:420px;
        
}
#pagecontent #rightblock{
    width:720px;
    float:right;
   
}
/* Form Objects Style */
#formobjects ul{
  list-style:none;
}
#formobjects li{
  padding:0px;
  margin:10px 0px;
}
#formobjects label{
  float:left;
  width:30%;
  text-align:right;
  padding-right:10px;
  padding-top:8px;
}

input, textarea,.file { 
  padding: 5px;
  border: solid 1px #E5E5E5;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  width: 200px;
  background: #FFFFFF url('bg_form.png') left top repeat-x;
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
  background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  }

textarea { 
  width: 400px;
  max-width: 400px;
  height: 150px;
  line-height: 150%;
  }

input:hover, textarea:hover,
input:focus, textarea:focus { 
  border-color: #C9C9C9; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
  }

.form label { 
  margin-left: 10px; 
  color: #999999; 
  }

.submit input {
  width: auto;
  padding: 9px 15px;
  background: #617798;
  border: 0;
  font-size: 14px;
  color: #FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  }
/* Grid Style */
#gridstyle{
  padding:10px;
}
#box-table-a
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
#box-table-a th
{
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  background: #D7D7D7;
  border-top: 4px solid #CCCCCC;
  border-bottom: 1px solid #fff;
  color: #039;
}
#box-table-a td
{
  padding: 8px;
  background: #EEEEEE; 
  border-bottom: 1px solid #fff;
  color: #669;
  border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
  background: #E8E8E8;
  color: #339;
}


#footer{
  padding:5px 10px;
  border-top:1px solid #cccccc;
  font-size:.9em;  
}